<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Freely-Team</title>

    <link href="images/logo.png" rel="shortcut icon">

    <link href="css/normalize.css" rel="stylesheet" type="text/css">
    <link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/reset.css" rel="stylesheet" type="text/css">
    <link href="css/flexslider.css" rel="stylesheet" type="text/css">
    <link href="css/ellipsis.css" rel="stylesheet" type="text/css">
    <link href="css/zweatherfeed.css" rel="stylesheet" type="text/css">
    <!--CSS-->
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link href="css/reponsive.css" rel="stylesheet" type="text/css">
    <!--JS-->
    <script src="plugins/jquery-1.11.1.min.js" type="text/javascript"></script>

</head>
<body onload="time()">
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <section class="itq-wrapper">
        <header class="itq-header">
            <figure><a href="#"><img class="logo" src="images/logo.png" alt=""/></a></figure>
            <section class="itq-search">
                <ul class="clearfix">
                    <li><a href="#"><img src="images/icon-solid-01.png" alt=""/></a></li>
                    <li><a href="#"><img src="images/icon-solid-02.png" alt=""/></a></li>
                    <li><a href="#"><img src="images/icon-solid-03.png" alt=""/></a></li>
                    <li><a href="#"><img src="images/icon-solid-04.png" alt=""/></a></li>
                    <li><a href="#"><img src="images/icon-solid-05.png" alt=""/></a></li>
                    <li>
                        <figure>
                            <img src="images/contact-us.png" alt=""/>
                            <figcaption><a href="#">Liên hệ</a></figcaption>
                        </figure>
                    </li>
                </ul>
                <form action="#" method="post">
                    <select class="lightBox borderBox">
                        <option>TÌM KIẾM</option>
                        <option>TIN TỨC</option>
                        <option>EVENTS</option>
                    </select><!--end .lightBox-->
                    <input class="txt borderBox" type="text" name="">
                    <input class="btn borderBox" type="submit" value="">
                </form>
            </section><!--end .itq-search-->
            <section class="clear"></section>
        </header><!--end .itq-header-->
        <section class="itq-nav">
            <nav class="nav-top">
                <ul class="main clearfix">
                    <li class="main"><a class="main" href="index.html">TRANG CHỦ</a></li>
                    <li class="main"><a class="main" href="tin.html">TIN TỨC</a></li>
                    <li class="main"><a class="main" href="#">EVENTS</a></li>
                    <li class="main"><a class="main" href="#">BLOG ẢNH</a></li>
                    <li class="main"><a class="main" href="#">ĐỊA ĐIỂM</a></li>
                    <li class="main"><a class="main" href="#">THỜI TRANG</a></li>
                    <li class="main"><a class="main" href="#">LIÊN HỆ</a></li>
                </ul>
            </nav>
            <section class="dates" id="clock"></section><!--end .dates-->
            <section class="weathers" id="thoitiet" style="width: 200px;"></section><!--end .weather-->
            <section class="clear"></section>
        </section><!--end .itq-nav-->
        <section class="itq-content">
            <section class="slogan">
                <article class="clearfix">
                    <p>
                        Đi học sẽ giúp bạn đủ kiếm sống; tự học hỏi sẽ mang lại cho bạn cả gia tài!
                    </p>
                    <span>Jim Rohn</span>
                </article>
            </section>
            <section class="top-content clearfix">
                <section class="slide">
                    <div class="flexslider">
                        <ul class="slides">
                            <li>
                                <img src="uploads/img-slide-01.png" alt="" />
                            </li>
                            <li>
                                <img src="uploads/img-slide-01.png" alt="" />
                            </li>
                            <li>
                                <img src="uploads/img-slide-01.png" alt="" />
                            </li>
                            <li>
                                <img src="uploads/img-slide-01.png" alt="" />
                            </li>
                        </ul>
                    </div>
                </section><!--end .slide-->
                <section class="news">
                    <h3>Báo Nga: Hoàn tất sửa chữa trực thăng săn ngầm Ka-28 cho VN</h3>
                    <p class="foo-1">
                        Đài tiếng nói nước Nga đưa tin, xí nghiệp hàng không Sevastopol đã hoàn tất chu trình tu bổ, sửa chữa máy bay trực thăng Ka-28 dành cho lực lượng vũ trang Việt Nam.
                    </p>
                    <a href="#">Xem thêm &gt;&gt;</a>
                </section><!--end .news-->
            </section><!--end .top-content-->
        </section><!--end .itq-content-->
        <aside class="itq-aside">
            <section class="aside-news clearfix border">
                <header>
                    <h3>random
                        <span>photo</span>
                    </h3>
                </header>
                <figure>
                    <a href="#"><img src="uploads/img-random-01.png" alt=""/></a>
                    <figcaption>
                        <h4><a href="#">vogue peter pan</a></h4>
                        <p class="foo-2">Với chiếc Leica nhỏ gọn trên tay, Henri Cartier-Bresson - cha đẻ của... nhiếp ảnh báo chí hiện đại, tên tuổi tiêu biểu của nhiếp</p>
                    </figcaption>
                </figure>
                <footer><a href="#">Xem thêm &gt;&gt;</a></footer>
            </section><!--end .aside-news-->
            <section class="clear"></section>
            <section class="aside-news priority">
                <header>
                    <h3>tiêu
                        <span>điểm</span>
                    </h3>
                </header>
                <section class="list-news">
                    <ul>
                        <li>
                            <figure class="clearfix">
                                <img src="uploads/img-new-01.png" alt=""/>
                                <figcaption>
                                    <p><a href="#" class="foo-3">Nhiều nguồn tin cho rằng sau Mỹ, Nga là nước tiếp theo phát triển tiêm kích thế hệ 6. Tuy nhiên, theo ông Igor Korotchenko, vị trí thứ 2 thực sự phải thuộc về Trung Quốc.</a></p>
                                </figcaption>
                            </figure>
                        </li>
                        <li>
                            <figure class="clearfix">
                                <img src="uploads/img-new-02.png" alt=""/>
                                <figcaption>
                                    <p><a href="#" class="foo-3">Những nhân vật cổ tích nổi tiếng trong Nàng công chúa...</a></p>
                                </figcaption>
                            </figure>
                        </li>
                        <li>
                            <figure class="clearfix">
                                <img src="uploads/img-new-03.png" alt=""/>
                                <figcaption>
                                    <p><a href="#" class="foo-3">Những nhân vật cổ tích nổi tiếng trong Nàng công chúa...</a></p>
                                </figcaption>
                            </figure>
                        </li>
                        <li>
                            <figure class="clearfix">
                                <img src="uploads/img-new-04.png" alt=""/>
                                <figcaption>
                                    <p><a href="#" class="foo-3">Những nhân vật cổ tích nổi tiếng trong Nàng công chúa...</a></p>
                                </figcaption>
                            </figure>
                        </li>
                        <li>
                            <figure class="clearfix">
                                <img src="uploads/img-new-01.png" alt=""/>
                                <figcaption>
                                    <p><a href="#" class="foo-3">Những nhân vật cổ tích nổi tiếng trong Nàng công chúa...</a></p>
                                </figcaption>
                            </figure>
                        </li>
                        <li>
                            <figure class="clearfix">
                                <img src="uploads/img-new-02.png" alt=""/>
                                <figcaption>
                                    <p><a href="#" class="foo-3">Những nhân vật cổ tích nổi tiếng trong Nàng công chúa...</a></p>
                                </figcaption>
                            </figure>
                        </li>
                        <li>
                            <figure class="clearfix">
                                <img src="uploads/img-new-03.png" alt=""/>
                                <figcaption>
                                    <p><a href="#" class="foo-3">Những nhân vật cổ tích nổi tiếng trong Nàng công chúa...</a></p>
                                </figcaption>
                            </figure>
                        </li>
                    </ul>
                </section><!--end .list-news-->
            </section><!--end .aside-news-->
            <section class="clear"></section>
            <section class="aside-news border">
                <header>
                    <h3>follow
                        <span>us</span>
                    </h3>
                </header>
                <ul class="social clearfix">
                    <li class="social"><a href="#"><img src="images/icon-01.png" alt=""/></a></li>
                    <li class="social"><a href="#"><img src="images/icon-02.png" alt=""/></a></li>
                    <li class="social"><a href="#"><img src="images/icon-03.png" alt=""/></a></li>
                    <li class="social"><a href="#"><img src="images/icon-04.png" alt=""/></a></li>
                </ul>
                <section>
                    <div class="fb-like-box" data-href="https://www.facebook.com/fstudiobyfpt.com.vn" data-width="246" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
                </section><!--end .social-->
            </section><!--end .aside-news-->
        </aside><!--end .itq-aside-->
        <section class="itq-catagories">
            <header>
                <h3>events</h3>
            </header>
            <ul>
                <li class="clearfix">
                    <figure class="new-item">
                        <a href="#"><img src="uploads/img-01.png" alt=""/></a>
                        <figcaption>
                            <p>BlackBerry Q5 chính thức trình làng: Màn hình 3,1 inch, hỗ trợ bàn phím QWERTY vật lý</p>
                            <a href="#">Xem thêm &gt;&gt;</a>
                        </figcaption>
                    </figure>
                    <figure class="new-space">
                        <img src="uploads/letspace-1.png" alt=""/>
                    </figure>
                </li>
                <li class="clearfix">
                    <figure class="new-item">
                        <a href="#"><img src="uploads/img-02.png" alt=""/></a>
                        <figcaption>
                            <p>BlackBerry Q5 chính thức trình làng: Màn hình 3,1 inch, hỗ trợ bàn phím QWERTY vật lý</p>
                            <a href="#">Xem thêm &gt;&gt;</a>
                        </figcaption>
                    </figure>
                    <figure class="new-space">
                        <img src="uploads/letspace-2.png" alt=""/>
                    </figure>
                </li>
                <li class="clearfix">
                    <figure class="new-item">
                        <a href="#"><img src="uploads/img-03.png" alt=""/></a>
                        <figcaption>
                            <p>BlackBerry Q5 chính thức trình làng: Màn hình 3,1 inch, hỗ trợ bàn phím QWERTY vật lý</p>
                            <a href="#">Xem thêm &gt;&gt;</a>
                        </figcaption>
                    </figure>
                    <figure class="new-space">
                        <img src="uploads/letspace-1.png" alt=""/>
                    </figure>
                </li>
                <li class="clearfix">
                    <figure class="new-item">
                        <a href="#"><img src="uploads/img-04.png" alt=""/></a>
                        <figcaption>
                            <p>BlackBerry Q5 chính thức trình làng: Màn hình 3,1 inch, hỗ trợ bàn phím QWERTY vật lý</p>
                            <a href="#">Xem thêm &gt;&gt;</a>
                        </figcaption>
                    </figure>
                    <figure class="new-space">
                        <img src="uploads/letspace-2.png" alt=""/>
                    </figure>
                </li>
                <li class="clearfix">
                    <figure class="new-item">
                        <a href="#"><img src="uploads/img-01.png" alt=""/></a>
                        <figcaption>
                            <p>BlackBerry Q5 chính thức trình làng: Màn hình 3,1 inch, hỗ trợ bàn phím QWERTY vật lý</p>
                            <a href="#">Xem thêm &gt;&gt;</a>
                        </figcaption>
                    </figure>
                    <figure class="new-space">
                        <img src="uploads/letspace-1.png" alt=""/>
                    </figure>
                </li>
                <li class="clearfix">
                    <figure class="new-item">
                        <a href="#"><img src="uploads/img-02.png" alt=""/></a>
                        <figcaption>
                            <p>BlackBerry Q5 chính thức trình làng: Màn hình 3,1 inch, hỗ trợ bàn phím QWERTY vật lý</p>
                            <a href="#">Xem thêm &gt;&gt;</a>
                        </figcaption>
                    </figure>
                    <figure class="new-space">
                        <img src="uploads/letspace-2.png" alt=""/>
                    </figure>
                </li>
                <li class="clearfix">
                    <figure class="new-item">
                        <a href="#"><img src="uploads/img-01.png" alt=""/></a>
                        <figcaption>
                            <p>BlackBerry Q5 chính thức trình làng: Màn hình 3,1 inch, hỗ trợ bàn phím QWERTY vật lý</p>
                            <a href="#">Xem thêm &gt;&gt;</a>
                        </figcaption>
                    </figure>
                    <figure class="new-space">
                        <img src="uploads/letspace-1.png" alt=""/>
                    </figure>
                </li>
            </ul>
            <figure><a href="#"><img src="uploads/ads.jpg" alt=""/></a></figure>
        </section><!--end .itq-catagories-->
        <section class="clear"></section>
        <section class="itq-catagories blog">
            <header>
                <h3>blog
                    <span>ảnh</span>
                </h3>
            </header>
            <ul class="large clearfix">
                <li class="large">
                    <figure>
                        <a href="#"><img src="uploads/img-large-01.png" alt=""/></a>
                        <figcaption>
                            <p class="txt"><a href="#">"Phích phình phịch!"</a></p>
                            <p class="txts">MUSExplore/Sống</p>
                        </figcaption>
                    </figure>
                </li>
                <li class="large">
                    <figure>
                        <a href="#"><img src="uploads/img-large-02.jpg" alt=""/></a>
                        <figcaption>
                            <p class="txt"><a href="#">"Phích phình phịch!"</a></p>
                            <p class="txts">MUSExplore/Sống</p>
                        </figcaption>
                    </figure>
                </li>
                <li class="large">
                    <figure>
                        <a href="#"><img src="uploads/img-large-03.jpg" alt=""/></a>
                        <figcaption>
                            <p class="txt"><a href="#">"Phích phình phịch!"</a></p>
                            <p class="txts">MUSExplore/Sống</p>
                        </figcaption>
                    </figure>
                </li>
                <li class="large">
                    <figure>
                        <a href="#"><img src="uploads/img-large-01.png" alt=""/></a>
                        <figcaption>
                            <p class="txt"><a href="#">"Phích phình phịch!"</a></p>
                            <p class="txts">MUSExplore/Sống</p>
                        </figcaption>
                    </figure>
                </li>
                <li class="large">
                    <figure>
                        <a href="#"><img src="uploads/img-large-02.jpg" alt=""/></a>
                        <figcaption>
                            <p class="txt"><a href="#">"Phích phình phịch!"</a></p>
                            <p class="txts">MUSExplore/Sống</p>
                        </figcaption>
                    </figure>
                </li>
                <li class="large">
                    <figure>
                        <a href="#"><img src="uploads/img-large-03.jpg" alt=""/></a>
                        <figcaption>
                            <p class="txt"><a href="#">"Phích phình phịch!"</a></p>
                            <p class="txts">MUSExplore/Sống</p>
                        </figcaption>
                    </figure>
                </li>
                <li class="large">
                    <figure>
                        <a href="#"><img src="uploads/img-large-01.png" alt=""/></a>
                        <figcaption>
                            <p class="txt"><a href="#">"Phích phình phịch!"</a></p>
                            <p class="txts">MUSExplore/Sống</p>
                        </figcaption>
                    </figure>
                </li>
                <li class="large">
                    <figure>
                        <a href="#"><img src="uploads/img-large-02.jpg" alt=""/></a>
                        <figcaption>
                            <p class="txt"><a href="#">"Phích phình phịch!"</a></p>
                            <p class="txts">MUSExplore/Sống</p>
                        </figcaption>
                    </figure>
                </li>
                <li class="large">
                    <figure>
                        <a href="#"><img src="uploads/img-large-03.jpg" alt=""/></a>
                        <figcaption>
                            <p class="txt"><a href="#">"Phích phình phịch!"</a></p>
                            <p class="txts">MUSExplore/Sống</p>
                        </figcaption>
                    </figure>
                </li>
            </ul>
            <section class="clear"></section>
            <footer>
                <a href="#">xem tiếp</a>
            </footer>
        </section>
        <section class="clear"></section>
        <footer class="itq-footer">
            <section class="footer-box">
                <section class="left">
                    <article class="add-footer">
                        <p>
                            <strong>Giấy phép số: 118/GP-TTDT của Bộ Thông tin và Truyền thông.</strong>
                            <br/>
                            Chịu trách nhiệm nội dung: haivl
                            <address>
                                Địa chỉ giao dịch: Tầng 9, Thăng Long Tower - 98A Ngụy Như Kon Tum - Thanh Xuân - Hà Nội
                                <br/>
                                ĐT: 04.38.585.588
                                <br/>
                                Email: lienhe@tinmoi.vn; (Privacy Policy)
                            </address>
                        </p>
                    </article>
                </section>
                <section class="right">
                    <figure><a href="#"><img src="images/logo.png" alt=""/></a></figure>
                </section>
            </section><!--end .footer-box-->
            <section class="clear"></section>
        </footer><!--end .itq-footer-->
    </section><!--end .itq-wrapper-->
    <section class="back-top">
        <img src="images/icon_top.png" alt=""/>
    </section><!--end .back-top-->
    <script src="js/date.js" type="text/javascript"></script>
    <script src="plugins/jquery.flexslider.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('.flexslider').flexslider({
                animation: "slide"
            });
        });
    </script>

    <script type="text/javascript">
        jQuery(document).ready(function() {
            var offset = 20;
            var duration = 500;
            jQuery('.back-top').fadeOut(0);
            jQuery(window).scroll(function() {
                if (jQuery(this).scrollTop() > offset) {
                    jQuery('.back-top').fadeIn(duration);
                } else {
                    jQuery('.back-top').fadeOut(duration);
                }
            });

            jQuery('.back-top').click(function(event) {
                event.preventDefault();
                jQuery('html, body').animate({scrollTop: 0}, duration);
                return false;
            })
        });
    </script>

    <!--JS Cắt ngắn đoạn văn-->
    <script src="plugins/jquery.ellipsis.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('.foo-1').ellipsis({
            lines: 4,             // force ellipsis after a certain number of lines. Default is 'auto'
            ellipClass: 'ellip',  // class used for ellipsis wrapper and to namespace ellip line
            responsive: true
        });

        $('.foo-2').ellipsis({
            lines: 3,             // force ellipsis after a certain number of lines. Default is 'auto'
            ellipClass: 'ellip',  // class used for ellipsis wrapper and to namespace ellip line
            responsive: true
        });

        $('.foo-3').ellipsis({
            lines: 2,             // force ellipsis after a certain number of lines. Default is 'auto'
            ellipClass: 'ellip',  // class used for ellipsis wrapper and to namespace ellip line
            responsive: true
        });
    </script>

    <script src="plugins/jquery.zweatherfeed.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#thoitiet').weather(['VMXX0006'],{
                unit: 'c',
                image: true,
                country: true,
                highlow: true,
                wind: true,
                humidity: true,
                visibility: true,
                sunrise: true,
                sunset: true,
                forecast: true,      //Thời tiết của các ngày tiếp theo: true
                link: false,
                refresh: 10
            });
        });
    </script>
</body>
</html>